
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@page import="com.ares.service.bean.BeanObjetivo" %>
<%@page import="com.ares.service.bean.BeanMeta" %>


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/sevde.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/prototype.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/collapse.js"></script>

        <script type="text/javascript" src="<%=request.getContextPath()%>/js/js/util.js"></script>
        <link href="<%=request.getContextPath()%>/css/miestilo.css" rel="stylesheet" type="text/css">
    </head>
    <body onload=carga()  onunload="cerrar_padre();">

        <html:form action="evaluacion">
            <input type="hidden" name="valSeleccionado" />
            <input type="hidden" name="namSeleccionado" />
            <input type="hidden" name="desObjetivo" id="desObjetivo"/>
            <input type="hidden" name="method"/>
            <input type="hidden" name="operacion" id="operacion"/>

            <html:hidden property="stridMeta" styleId="stridMeta" />
            <html:hidden property="stridobjetivo" styleId="stridobjetivo" />
            <html:hidden property="stridpilar" styleId="stridpilar"/>
            <html:hidden property="strdesobjetivo" styleId="strdesobjetivo"/>
            <html:hidden property="dblpesoObjOrg" value="${totalObjOrg}" ></html:hidden>
            <html:hidden property="dblpeso" value="${dblpeso}" ></html:hidden>
            <html:hidden property="strdesMeta" styleId="strdesMeta"/>
            <html:hidden property="straceptable" styleId="straceptable"/>
            <html:hidden property="strmejorado" styleId="strmejorado"/>
            <html:hidden property="strExcelente" styleId="strExcelente"/>
            <html:hidden property="dblTotal" value="${total}" ></html:hidden>

            <table class="tablaingresos" >
                <tr>
                    <td align="center">
                        <table  id="tb_opciones" class="tb_opciones" border="0"  >
                            <tr>
                                <td colspan="9" align="center" class="tituloJsp">
                                    Evaluación de Objetivos <c:out value="${formulario.strPERIODO}"/>
                                </td>
                            </tr>
                            <c:if test="${formulario != null}" >
                                <tr>
                                    <th><IMG class='stlTdImagen' border="1" SRC='file://fs-grupos/Data_pub$/PE/RRHH/fotos_HOC/<c:out value="${formulario.strID_EMPLEADO}" />.jpg' onerror="this.src='images/sinimagen.png';" /> </th>
                                    <th  rowspan="4" style="vertical-align: middle" >
                                        <table border="0" width="600px" cellpadding="2" cellspacing="2">
                                            <tr>
                                                <td  class="labelNombre" width="250px"><label><c:out value="${formulario.strNom_Empleado}" /></label></td>
                                            </tr>
                                            <tr>
                                                <td  class="labelopciones"><label><c:out value="${formulario.strApellido_Empleado}" /></label> </td>
                                                <td class="espaciosEnBlanco"></td>
                                                <td>Evaluador :</td>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strNom_Evaluador}" /></label> </td>

                                            </tr>
                                            <tr>
                                                <td class="labelopciones" ><label   ><c:out value="${formulario.strPuesto_Empleado}" /></label></td>
                                                <td></td>
                                                <td></td>
                                                <td class="labelopciones" ><label ><c:out value="${formulario.strPuesto_Evaluador}"  /></label> </td>
                                            </tr>
                                            <tr>
                                                <td class="labelopciones"><label ><c:out value="${formulario.strArea_Empleado}" /></label> </td>
                                            </tr>
                                        </table>
                                    </th>

                                    <th class="espaciosEnBlanco"></th>
                                    <th rowspan="2">
                                        <table border=0>
                                            <tr> 
                                                <td>
                                                    <c:if test="${(esfuncional==0 && ( formulario.strESTADO == 'S1' || formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4' || formulario.strESTADO == 'S8'))   
                                                    			&& mensaje !='LA EVALUACION HA SIDO INICIALIZADA POR SU COLABORADOR'}">
                                                         <div id="divgrabar">
                                                        	<button id="btnGrabar" class="button"  type= "button" onclick="grabar();"> <img src="images/grabar.gif" alt=""  height="15px"/> Grabar</button>
                                                         </div>
                                                    </c:if>
                                                   
                                                   
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <c:if test="${(esfuncional==0 &&( formulario.strESTADO == 'S1' || formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4' || formulario.strESTADO == 'S8')) 
                                                    				 && mensaje !='LA EVALUACION HA SIDO INICIALIZADA POR SU COLABORADOR'}">
                                                         <div id="divenviar">
                                                        	<button id="btnEnviar"   type= "button" class="button" onclick="enviar();"> <img src="images/derecha.gif" alt=""  height="15px"/> Enviar</button>
                                                         </div>
                                                    </c:if>
                                                </td>
                                            </tr>
                                            <tr> 
                                                <td>
                                                    <button id="btnImprimir"  type= "button" class="button" onclick="ImprimirFormularioEvaluacionObjetivos()"> <img src="images/icono-imprimir-mensaje.gif" alt=""  height="15px"  /> Imprimir</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <button  id="btnCerrar" type= "button" class="button"  onclick="cerrar();"> <img src="images/cerrar.gif" alt=""  height="15px"/> Cerrar</button>
                                                </td>
                                            </tr>
                                        </table>
                                    </th>
                                </tr>
                            </c:if>
                        </table>

                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>

                </tr>
                <tr align="center">
                    <td>
                        <img src="images/plan2.PNG">
                        <img src="images/acom.png">
                        <img src="images/veri2.PNG">
                    </td>
                </tr>
                <tr>
                    <td>
                        <HR>
                    </td>
                </tr>
 				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_mensaje"></div>
                	</td>
                </tr>
<%--                 <c:if test="${mensaje!= null}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" style="text-align: left"> -->
<%--                         	<c:if test="${error != null}" > --%>
<%--                             	<font color="red" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<%--                         	<c:if test="${error == null}" > --%>
<%--                             	<font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje}" /></font> --%>
<%--                         	</c:if> --%>
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>

				<tr>
					<td>
						<c:if test="${(esfuncional==1 && formulario.strESTADO == 'S7') &&  mensaje !='LA EVALUACION HA SIDO INICIALIZADA POR SU COLABORADOR'}">
                                	<table align="left">
		                                <tr>
		                                    <td>
			                                    <div id="divgrabar">
			                                    	<button id="btnGrabar" class="button"  type= "button" onclick="enviar();"> <img src="images/vistobueno.png" alt=""  height="15px"/> Aprobar</button>
			                                    </div>
		                                    </td>
		                                    <td>
			                                    <div id="divenviar">
			                                    	 <button  id="btnEnviar" class="button"  type= "button" onclick="PopupRechazar();"> <img src="images/visto-malo.png" alt=""  height="15px"/> Rechazar</button>
			                                     </div>  
		                                    </td>
		                                </tr>
                                	</table>                                        
                         </c:if>
					</td>
				</tr>
                <tr>
                    <td align="center" class="tablaingresos" >
                        <table id="tablaColap" cellspacing="1" cellpadding="1" border="0" >
                            <c:if test="${!empty sessionScope.lstpilares}">
                                <tr class="labelmetas">
                                    <th style="background: #eee;width: 19px"  >
                                    <th style="background: #eee;width: 19px">
                                    <th style="background: #eee;width: 29px">
                                    <th style="background: #eee;width: 140px" >
                                    <th style="background: #eee" class="labelAME"> Aceptable
                                    <th style="background: #eee" class="labelAME"> Target
                                    <th style="background: #eee" class="labelAME"> Excelente
                                    <th style="width: 55px">
                                    <th style="width: 50px">
                                </tr>

                                <c:forEach items="${sessionScope.lstpilares}" var="jbean">
                                    <tr id='<c:out value="${jbean.strCod}"/>' >
                                        <td  style="background: #1F497D ; color: #ffffff "><img src="images/nolines_minus.gif"  onclick="toggleRows(this,'tablaColap')" alt=""></td>
                                        <td  style="background: #1F497D ; color: #ffffff "><input type="checkbox" id='<c:out value="${jbean.strCod}" />' value='<c:out value="${jbean.strCod}" />' onclick="setValor(this);desabilitarCheck(this.id);" name="chkpilar" disabled /> </td>
                                        <td  align="left" colspan="5" style="background: #1F497D ; color: #ffffff "class="labelpilares"><span><c:out value="${jbean.strDes}" /></span></td>
                                        <td class="tdinputval">
                                            <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}"/>' disabled value='<c:out value="${jbean.dblValor}"/>' />%
                                        </td>
                                        <td  style="width: 44px" ></td>
                                    </tr>

                                    <c:if test="${!empty sessionScope.lstObjetivo}">

                                        <c:forEach items="${sessionScope.lstObjetivo}" var="obj">
                                            <c:if test="${obj.stridpilar == jbean.strCod}">
                                                <tr id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}" />'>
                                                    <td style="background: #B6DDE8" ><img src="images/nolines_minus.gif" alt=""  onclick="toggleRows(this,'tablaColap')" ></td>
                                                    <td style="background: #B6DDE8"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}" />'  name="chkObjetivo" onclick="setValor(this);desabilitarCheck(this.id);"  disabled /> </td>
                                                    <td align="left"  style="background: #B6DDE8" class="labelobjetivos"><label id='lbl1' ><c:out value="${obj.strDesc_indice}" /></label></td>
                                                    <td align="left"  style="background: #B6DDE8" colspan="4" class="labelobjetivos"><label id='lbl1' ><c:out value="${obj.strdesobjetivo}" /></label> </td>
                                                    <td class="tdinputval">
                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}"/>' name='<c:out value="name-${jbean.strCod}"/>' disabled value='<c:out value="${obj.dblvalor}"/>' />%
                                                    </td>
                                                    <td style="width: 44px" ></td>
                                                </tr>

                                                <c:if test="${!empty sessionScope.lstMetas}">
                                                    <c:forEach items="${sessionScope.lstMetas}" var="mta">
                                                        <c:if test="${mta.stridobjetivo== obj.stridobjetivo}">
                                                            <tr id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />'  >

                                                                <c:if test="${mta.intflag_org == 1 }">
                                                                    <td style="background: #BDBDBD " width="2%"></td>
                                                                    <td style="background: #BDBDBD " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' onclick="desabilitarCheck(this.id);setValor(this)" disabled  name="chkMeta"   />
                                                                    <td style="background: #BDBDBD " width="4%"  class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/> </label></td>
                                                                    <td style="background: #BDBDBD " width="18%" class="labelmetas" align="left"><label id='lblMeta'  ><c:out  value="${mta.strdesmeta}"/> </label></td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblAcep'  ><c:out  value="${mta.straceptable}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblMejor'  ><c:out  value="${mta.strmejorado}"/></label> </td>
                                                                    <td style="background: #BDBDBD " width="15%" class="labelAME" ><label id='lblExce'  > <c:out  value="${mta.strexcelente}"/></label></td>
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>

                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name="txtMeta" disabled onblur="llenarPesos(this);" value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>

                                                                    
                                                                    <td class="tdinputval" >
                                                                        <table>
                                                                            <tr>
                                                                                <td>
                                                                                    <select name="arrayEvaluacion"  class="inputEvaluacion" disabled >
                                                                                        <option value='<c:out value="${mta.strEvaluacion}"/> '>
                                                                                            <c:out value="${mta.strEvaluacion}"/>
                                                                                        </option>
                                                                                    </select>
                                                                                </td>
                                                                                <td>%</td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                    <td  >
                                                                         <table cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td>
                                                                                    <input name="arrayTotal"  readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 30px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value='<c:out value="${mta.strTotal}" />' />
                                                                                </td>
                                                                                <td>
                                                                                    <input  readonly="readonly"; style="background: #BDBDBD; font-size: 11px; width: 10px; font-family: Arial; text-align: center; height: 13px; border: 0; margin: 0; padding: 0"style="width: 10px; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value="%">
                                                                                </td>
                                                                            </tr>

                                                                        </table>
                                                                    </td>
                                                                </c:if>

                                                                <c:if test="${mta.intflag_org == 0}">
                                                                    <td style="background: #ffffff " width="2%" ></td>
                                                                    <td style="background: #ffffff " width="2%"> <input type="checkbox" id='<c:out value="${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />'  onclick="desabilitarCheck(this.id);setValor(this)"  name="chkMeta" disabled />
                                                                    <td style="background: #ffffff " width="4%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strDesc_indice}"/></label> </td>
                                                                    <td style="background: #ffffff " width="18%" class="labelmetas"><label id='lblMeta'  ><c:out  value="${mta.strdesmeta}"/></label> </td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblAcep'  > <c:out  value="${mta.straceptable}"/></label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblMejor'  ><c:out  value="${mta.strmejorado}"/> </label></td>
                                                                    <td style="background: #ffffff " class="labelAME"><label id='lblExce'  ><c:out  value="${mta.strexcelente}"/></label> </td>
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta1" id='<c:out value="lbl-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name='<c:out value="name-${jbean.strCod}-${obj.stridobjetivo}"/>' disabled value='<c:out value="${mta.dblvalor}"/>' />%
                                                                    </td>
                                                                 
                                                                    <td class="tdinputval">
                                                                        <input class="inputvalMeta" maxlength="5" id='<c:out value="txt-${jbean.strCod}-${obj.stridobjetivo}-${mta.stridmeta}" />' name="txtMeta" disabled onblur="llenarPesos(this);" value='<c:out value="${mta.dblCalc}"/>' onkeypress="return fn_soloDecimales(event);"/>%
                                                                    </td>

                                                                    <c:if test="${ (esfuncional==0 &&( formulario.strESTADO == 'S2' || formulario.strESTADO == 'S5' ||  formulario.strESTADO == 'S7' || formulario.strETAPA == 'E4')) || (esfuncional==1 )}">
                                                                        <td class="tdinputval" >
                                                                            <table>
                                                                                <tr>
                                                                                    <td>
                                                                                        <select class="inputEvaluacion" disabled >
                                                                                            <option value='<c:out value="${mta.strEvaluacion}"/> '>
                                                                                                <c:out value="${mta.strEvaluacion}"/>
                                                                                            </option>
                                                                                        </select>
                                                                                    </td>
                                                                                    <td>%</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </c:if>

                                                                    <c:if test="${(esfuncional==0 &&(formulario.strESTADO == 'S1' || formulario.strESTADO == 'S3' || formulario.strESTADO == 'S4'  || formulario.strESTADO == 'S8' ))}">
                                                                        <td>
                                                                            <table>
                                                                                <tr>
                                                                                    <td >
                                                                                        <select class="inputEvaluacion" id= '<c:out value="cmb${mta.stridmeta}"/>' name="strEvaluacion" onchange="obtenerTotal('<c:out value="${mta.stridmeta}"/>','<c:out value="cmb${mta.stridmeta}"/>','<c:out value="lblTotal${mta.stridmeta}"/>',<c:out value="${mta.strdblCalc}"/>);">
                                                                                            <c:if test="${mta.strEvaluacion == '0' ||mta.strEvaluacion ==''}">
                                                                                                <option value="0" selected>0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>
                                                                                                  <c:if test="${mta.strEvaluacion == '80'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80" selected>80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>
                                                                                                  <c:if test="${mta.strEvaluacion == '100'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100" selected>100</option>
                                                                                                <option value="120">120</option>
                                                                                            </c:if>
                                                                                                  <c:if test="${mta.strEvaluacion == '120'}">
                                                                                                <option value="0" >0</option>
                                                                                                <option value="80">80</option>
                                                                                                <option value="100">100</option>
                                                                                                <option value="120" selected>120</option>
                                                                                            </c:if>
                                                                                        </select>
                                                                                    </td>
                                                                                    <td style="font-size: 10px;">%</td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </c:if>

                                                                    <td >
                                                                        <table cellspacing="0" cellpadding="0">
                                                                            <tr>
                                                                                <td>
                                                                                    <input readonly style="width: 30px; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" id='<c:out value="lblTotal${mta.stridmeta}"/>' value='<c:out value="${mta.strTotal}" />' />
                                                                                </td>
                                                                                <td>
                                                                                    <input readonly style="width: 10px; height: 13px; border: 0; margin: 0; padding: 0" class="inputvalDes" value="%">
                                                                                </td>
                                                                            </tr>

                                                                        </table>
                                                                    </td>                                                                   
                                                                </c:if>
                                                            </tr>
                                                        </c:if>
                                                    </c:forEach>
                                                </c:if>
                                            </c:if>
                                        </c:forEach>
                                    </c:if>
                                </c:forEach>
                            </c:if>

                            <tr>
                                <td colspan="9" align="left">
                                    <table  class="foottabla" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td colspan="2"  class="foottablaglosas" >(&#42)La suma total debe ser 100 %  </td>
                                            <td></td>
                                            <td></td>
                                            <td> </td>
                                            <td> </td>
                                            <td colspan="2" style="font-weight: bold">Total(&#42) </td>
                                            <td width="35px"> </td>
                                            <c:if test="${dblpeso != null}">
                                                <td align="right" colspan="2" class="foottablaglosas" >  <label ><c:out value="${dblpeso}%"></c:out> </label>   </td>
                                            </c:if>
                                            <c:if test="${dblpeso == null}">
                                                <td align="right" colspan="2">  <label ></label>   </td>
                                            </c:if>
                                        </tr>

                                        <tr><td colspan="2"  class="foottablaglosas">(&#42&#42)La suma total de Objetivos Organizacionales debe ser <c:out value="${formulario.dblTope_Org}%"></c:out> (se permite un margen de +/-<c:out value="${formulario.inttotal_ad_sup}%"/>) </td>
                                            <td></td>
                                            <td></td>
                                            <td> </td>
                                            <td> </td>
                                            <td colspan="2" style="font-weight: bold">Total Objetivos Organiz.(&#42&#42)</td>
                                            <td ></td>
                                            <c:if test="${totalObjOrg != null}">
                                                <td align="right" colspan="2" width="50px" class="foottablaglosas">
                                                    <label><c:out value="${totalObjOrg}%"></c:out> </label>
                                                </td>
                                            </c:if>

                                            <c:if test="${totalObjOrg == null}">
                                                <td align="right" colspan="2">
                                                    <label></label>
                                                </td>
                                            </c:if>
                                        </tr>
                                    </table>
                                </td><td></td>
                            </tr>

                            <tr>
                                <td>&nbsp;&nbsp;</td>
                            </tr>

                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td style="font-weight: bold">Calificación Global</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td>
                                    <table cellspacing="0" cellpadding="0" border="0">
                                        <tr style="padding: 0; margin: 0; border: 0">
                                            <td>
                                                <input align="right" readonly type="text" id="txtGlobal" style="font-weight: bold; width: 45px; height: 13px; border: 0; margin: 0; padding: 0; background: #EEEEEE " value='<c:out value="${total}"/>' />
                                            </td>
                                            <td>
                                                <input readonly align="left" type="text" style="font-weight: bold; width: 14px; height: 13px; border: 0; margin: 0; padding: 0; background: #EEEEEE" value="%"/>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <c:if test="${mensaje5 != null }" >
                    <tr>
                        <td colspan="4" style="text-align: left">
                            <font color="#1F497D" style="font-weight: bold;font-family: Arial;font-size: 13px"> <c:out value="${mensaje5}" /></font>
                        </td>
                    </tr>
                </c:if>
<!--                 Mostrar la Lista de Errores x colores -->
				<tr>
                	<td colspan="4" style="text-align: left">
                		<div id="ver_cabecera"></div>
                	</td>
                </tr>
<%--                 <c:if test="${!empty verificacion}" > --%>
<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<%--                             <c:out value="${cabecera}" /> --%>
<!--                         </td> -->
<!--                     </tr> -->

<!--                     <tr> -->
<!--                         <td colspan="4" class="labelErrorUL"> -->
<!--                             <ol> -->
<%--                                 <c:forEach items="${verificacion}" var="v" > --%>
<%--                                     <li><c:out value="${v}" /></li> --%>
<%--                                 </c:forEach> --%>
<!--                             </ol> -->
<!--                         </td> -->
<!--                     </tr> -->
<%--                 </c:if> --%>
<!--                 Fin de la Lista de Errores -->
            </table>
        </html:form>
 
        <!--        CREACION DEL POPUP    -->
        <div id="divg" class="ModalBackground graydiv">  
        </div>  
        <div id="divSignin" style="display: none; z-index: 100002; position: absolute">  
            <div style="height:250px;width:350px;background-color:White;border:solid 1px lightyellow">  
                <br>
               <html:form action="evaluacion.do">
                    <div align="center">
                        <label class="label" style="text-align: left"> Indicar motivo de rechazo : </label><br><br>
                        <textarea  id="txtMotivoSolicitud" name="txtMotivoSolicitud" style="height:150px;width:300px;" cols="40" rows="8"></textarea><br>
                        
                        <input type="button" name="btnRechazar" value="Aceptar" onclick="rechazar('<%=request.getContextPath()%>')"/>
                        <input type="button" name="btnCancelar" value="Cancelar" onclick="closePopup()"/>  
                                            
                    </div>
               </html:form>

            </div>  

        </div> 
<!--            FIN DEL POPUP-->
    </body>
    <script type="text/javascript">
    var operacionGlobal;
    var open_popup=0;	
    var hijo_popupRechazar;
        //<c:if test="${mensaje=='LA EVALUACION HA SIDO INICIALIZADA POR SU COLABORADOR' || formulario.strESTADO == 'S5'}">
         //   deshabilitaCombo();
        //</c:if>
               
        ////<c:if test="${!evaluado}">
            //collapseAllRows("tablaColap");            
        ////</c:if>

            function redondeo1decimales(numero){
                var original=parseFloat(numero);
                var result=Math.round(original*10)/10 ;
                return result;
            }

            function redondeo2decimales(numero){
                var original=parseFloat(numero);
                var result=Math.round(original*100)/100 ;
                return result;
            }

            function aumentarCeros(cantidad, decimales) {
                var cantidad = parseFloat(cantidad);
                var decimales = parseFloat(decimales);
                decimales = (!decimales ? 2 : decimales);
                return Math.round(cantidad * Math.pow(10, decimales)) / Math.pow(10, decimales);
            }
       
            function obtenerTotal(id,idCmb,idLabel,peso){
                var aux = document.getElementById(idLabel).value;
                aux = parseFloat(aux);
                var caliGlobal = document.getElementById("txtGlobal").value;
                caliGlobal = parseFloat(caliGlobal);
                var lista = document.getElementById(idCmb);
                var valorSeleccionado = lista.options[lista.selectedIndex].text;
                total = valorSeleccionado*peso/100;
                total = redondeo2decimales(total);
                total = total.toFixed(2);
                MifillEvaluacionMeta(id,valorSeleccionado,total , '<%=request.getContextPath()%>');
                document.getElementById(idLabel).value = total;
                total = parseFloat(total);
                caliGlobal = caliGlobal - aux; //Resto el valor inicial del peso a la Calificacion Global
                //caliGlobal = caliGlobal + total;
                caliGlobal = redondeo2decimales(caliGlobal + total); //Sumo el valor de la calificacion global con el nuevo valor del peso
                caliGlobal = caliGlobal.toFixed(2);
                document.getElementById("txtGlobal").value = caliGlobal;
            }

            function llenarPilar(obj){
                var valor = obj.value;      
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;
                
                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorpilar(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%");
                        obj.value = '0.0';
                    }
                }else{

                    obj.value = '0.0';
                }
            }

            function llenarObjetivo(obj){
                var valor = obj.value;
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;

                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorObj(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%")
                        obj.value = '0.0';
                    }
                }else{
                    obj.value = '0.0';
                }
            }

            function llenarMeta(obj){
                var valor = obj.value;
                obj.value = redondeo1decimales(valor);
                valor = obj.value;
                var id = obj.parentNode.parentNode.id;

                if(valor > 0 ){
                    if(valor <= 100){
                        fillvalorMeta(id,valor , '<%=request.getContextPath()%>');
                    }else
                    {
                        alert("El valor no debe Superar el 100%")
                        obj.value = '0.0';
                    }
                    
                }else{                        
                    obj.value = '0.0';
                }
            }

            function PopupObjetivo(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;

                if(namSeleccionado.match("chkpilar")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    var msj  = ValidarCantidadOBJT(valorseleccionado);
                    if(msj.substr(0, 2).match("1-")){
                        alert(msj.substr(2, msj.length));
                        return;
                    }

                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=350, height=250, top="+retornarHeight(250)+", left="+retornarWidth(350);;
                    window.open("pages/manager/popups/objetivoPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear un objetivo en este nivel.\nSeleccionar el pilar donde se requiere agregar un  objetivo");
                }


            }
            function PopupMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
            
                if(namSeleccionado.match("chkObjetivo")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=830, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);;
                    window.open("pages/manager/popups/metaPopup.jsp?id="+valorseleccionado,"",opciones);
                }else{
                    alert("No se puede crear una meta en este nivel.\nSeleccionar el objetivo donde se requiere agregar una  meta");
                }

            }

            function setValor(obj){
                if(obj.checked){
                    document.forms[0].valSeleccionado.value = obj.parentNode.parentNode.id;
                    document.forms[0].namSeleccionado.value = obj.name;
                }else{
                    document.forms[0].valSeleccionado.value = "";
                    document.forms[0].namSeleccionado.value = "";

                }                
            }

            function grabar(){
//                 document.forms[0].operacion.value="g";
//                 document.forms[0].method.value='OperacionesEvaluacion';
//                 document.forms[0].submit();
            	operacionGlobal="g";
				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
            }
// -----------------------------------------------------------------------------------------------
            function OperacionxAjax(operacion, ruta){
            var msj ="";
              accion='A';
            //  url='/'+ruta[1]+'/Ajax.do?metodo=fillvalorMeta&id='+id+'&valor='+valor+'&peso='+peso;
              url=ruta + '/evaluacion.do?method=OperacionesEvaluacion&operacion='+ operacion ;
              url = url+'&ms='+(new Date()).getTime();
              ajax0 = new Ajax.Request(url,{
                  asynchronous: false,
                  method: 'get',
                  onSuccess: function(transport, json) {
                	     if(json.executeError){
                	      	alert(json.executeError);
                	      }
                	      else if(json.esFuncional==0){  
//                 	    	  alert("operacionGlobal " + operacionGlobal);
	                	      itemsHtml = "<table>";
	                	      itemsHtml += "<tr>";
	                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
	                	      if (operacionGlobal=="g" || json.ErrorSize==0) {
	                	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";	
							} else if (operacionGlobal=="e"){
								 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";
							}	
	                	      itemsHtml += "</td></tr>";
	                	      itemsHtml += "</table>";
	                	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;

	                	      if (json.ErrorSize>0) {  
// 	                	      		Cabecera
	                	    	  itemsHtml = "<table>";
	                    	      itemsHtml += "<tr>";
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'>" + json.cabecera ;
									} else if (operacionGlobal=="e") {
										  itemsHtml += "<td colspan='4' class='labelErrorUL'>" + json.cabecera ;
									}
	                    	      itemsHtml += "</td></tr>";
	                	      
// 	                    	      Lista de Errores
	                	    	  var myString = json.lstError;
	                	    	  var mySplitResult = myString.split(",");  
	                	      
	                    	      itemsHtml += "<tr>";
	                    	      if (operacionGlobal=="g") {
	                    	    	  itemsHtml += "<td colspan='4' class='labelErrorULBlue'> <ol>" ;
									} else if (operacionGlobal=="e") {
										itemsHtml += "<td colspan='4' class='labelErrorUL'> <ol>" ;
									}
	                    	      
	                    	      for(i = 0; i < mySplitResult.length-1; i++){
	                    	    	  itemsHtml += "<li>" +  mySplitResult[i] +  "</li>";
	                    	    	}
	                    	      itemsHtml += "</ol></td></tr>";
	                    	      itemsHtml += "</table>";
	                    	      document.getElementById('ver_cabecera').innerHTML = itemsHtml; 
	                	      }else{document.getElementById('ver_cabecera').innerHTML = " "; }
	                	      
		                	     
		                	      if ((operacionGlobal=="g" && json.ErrorSize < 0 )||( operacionGlobal=="e" && json.ErrorSize==0 )) {
		                	    	  document.getElementById('divgrabar').innerHTML = "";
		                	    	  document.getElementById('divenviar').innerHTML = "";
		                	    	  deshabilitaCombo();
									}
		                	      
		                	      if (json.ErrorSize==0 && json.TypeSap=="S") {
		                	    	  ActualizandoEvaluacionTotal(json.arrayEvaluacion,json.arrayTotal,json.calificacionTotal);
		                	      }
	                	      }else if(json.esFuncional==1 && json.ErrorSize==0){//El Mensaje de Rechazar si es Funcional
	                	    	  itemsHtml = "<table>";
		                	      itemsHtml += "<tr>";
		                	      itemsHtml += "<td colspan='4' style='text-align: left'>";
		                	      itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";	
		                	      itemsHtml += "</td></tr>";
		                	      itemsHtml += "</table>";

	                	    	  document.getElementById('ver_cabecera').innerHTML = itemsHtml; 
	                	    	  document.getElementById('divgrabar').innerHTML = "";
	                	    	  document.getElementById('divenviar').innerHTML = "";
	                	    	  document.getElementById('GrupoBotones').innerHTML = "";
	                	     }
  
                 	      } //Fin de la Funcion	    
              });  
            }

// ---------------------------------------------------------------------------------
 function ActualizandoEvaluacionTotal(Evaluacion,Total,calificacionTotal){
            	var ArrayEvaluaciones = document.getElementsByName("arrayEvaluacion"); 
            	var ArrayTotales = document.getElementsByName("arrayTotal");
            	//alert(ArrayEvaluaciones.length + " - " + ArrayTotales.length);
            	var mySplitEvaluaciones = Evaluacion.split(","); 
            	var mySplitTotal = Total.split(","); 
            	
            	 for (x=0;x<ArrayEvaluaciones.length;x++){
            		 ArrayEvaluaciones[x].disabled=false;
            		 ArrayEvaluaciones[x].options.length = 0;
            		 ArrayEvaluaciones[x].options[0]=new Option(mySplitEvaluaciones[x],mySplitEvaluaciones[x],"0");
            		 ArrayEvaluaciones[x].disabled=true;
            		 ArrayTotales[x].value=mySplitTotal[x];
            		 //ArrayTotales[x].options.length = 0;
            		 //ArrayTotales[x].options[0]=new Option(mySplitTotal[x],mySplitTotal[x],"0");
            	 }
            	 document.getElementById("txtGlobal").value=calificacionTotal;
			}
            function cerrar(){
//                 window.opener.document.forms[0].method.value="cargarjsp";
//                 window.opener.document.forms[0].submit();
// 				alert("bye bye"); 
				 window.close();
            }
            
            function enviar(){
                var mensaje = confirm("Después de enviar, no se podrá realizar más \n modificaciones a la Evaluación de Objetivos \n ¿Está seguro que desea enviar la información?");

                if(mensaje){
//                     document.forms[0].operacion.value="e";
//                     document.forms[0].method.value='OperacionesEvaluacion';
//                     document.forms[0].submit();
                	operacionGlobal="e";
    				OperacionxAjax(operacionGlobal, '<%=request.getContextPath()%>');
                }
            }

            function retornarHeight(h){
                var posicion_y;
                posicion_y=(screen.height/2)-(h/2);
                return posicion_y;
            }

            function retornarWidth(w){
                var posicion_x;
                posicion_x=(screen.width/2)-(w/2);
                return posicion_x;
            }

            function  ModificarMeta(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkMeta")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;
                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaMeta&valor='+valorseleccionado;
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes,width=830, height=250, top="+retornarHeight(250)+", left="+retornarWidth(830);
                    window.open(url,"",opciones);
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a modificar.");
                }
            }

            function ModificarObj(){
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                if(namSeleccionado.match("chkObjetivo")){
                    var valorseleccionado = document.forms[0].valSeleccionado.value;

                    var url = '<%=request.getContextPath()%>/evaluacion.do?method=CargaModificaObjetivo&valor='+valorseleccionado;
                    //alert("sE SELECCIONO " + valorseleccionado);
                    var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=350, height=250, top="+retornarHeight(250)+", left="+retornarWidth(350);
                    window.open(url,"",opciones);
                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a modificar.");
                }


            }


            function EliminarObj(){
                //    alert("Ingres a eliminar Metas");
                var namSeleccionado = document.forms[0].namSeleccionado.value;
                //  var valSeleccionado = document.forms[0].valSeleccionado.value;
                // alert(valSeleccionado);

                if(namSeleccionado.match("chkObjetivo")){
                    var elim = confirm("¿Está seguro que desea eliminar este objetivo?")
                    if(elim){
                        document.forms[0].method.value='EliminarObjetivo';
                        document.forms[0].submit();
                    }

                }else{
                    alert("El elemento seleccionado no es un objetivo.\nSeleccionar el objetivo a eliminar.");
                }
            }

            function EliminarMeta(){


                var namSeleccionado = document.forms[0].namSeleccionado.value;


                if(namSeleccionado.match("chkMeta")){
                    //          eliminar();
                    var elim = confirm("¿ Está seguro que desea eliminar esta meta ?")
                    if(elim){

                        document.forms[0].method.value='EliminarMeta';
                        //        document.forms[0].elements("intId_posc").value=obj;
                        document.forms[0].submit();
                    }
                }else{
                    alert("El elemento seleccionado no es una meta.\nSeleccionar la meta a eliminar.");
                }



            }

            function ImprimirFormularioEvaluacionObjetivos(){
            	var url = "<%=request.getContextPath()%>/ImprimirServlet.do?periodo=" +  <c:out value="${formulario.strPERIODO}"/>;
                //alert("sE SELECCIONO " + valorseleccionado);
                var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=800, height=800, top="+retornarHeight(800)+", left="+retornarWidth(800);
                window.open(url,"",opciones);

            }
           
            function MifillEvaluacionMeta(id, valor, total, ruta){
            	//alert("Mifill");
                accion='A'; 
                url=ruta+'/Ajax.do?metodo=fillEvaluacionMeta&id='+id+'&valor='+valor+'&total='+total;
                url = url+'&ms='+(new Date()).getTime();

                ajax0 = new Ajax.Request(url,{
                    asynchronous: false,
                    method: 'get',
                    onSuccess: ''
                });
                return;
            }
            
            function carga(){
         	   <c:if test="${esfuncional==1}">
             	//deshabilitaTodo();
             	 deshabilitaCombo();
             	</c:if>
            }

            //SCRIPT DEL POPUP
            
            function closePopup()  
            {  
                document.getElementById("divSignin").style.display="none";      
                objDiv = document.getElementById("divg");  
                objDiv.style.display = "none";   
                return false;  
            }  
            function showPopup()  
            {  
                
                try  
                {    
                    document.getElementById("divSignin").style.display="block";      
                    objDiv = document.getElementById("divg");  
                    objDiv.style.display = "block";
                    objDiv.style.width = document.body.scrollWidth;  
                    objDiv.style.height= document.body.scrollHeight;           
                    fnSetDivSigninLeft("divSignin");     
                    document.getElementById("txtMotivoSolicitud").focus();
                }  
                catch(e){  
                    alert(e);  
                }  
                //        return false;
                return true;
            
    
            }
            function fnSetDivSigninLeft(oElement)  
            {  
                var DivWidth = parseInt(document.getElementById(oElement).offsetWidth,10) ;
                var DivHeight = parseInt(document.getElementById(oElement).offsetHeight,10);  
                document.getElementById(oElement).style.left = (document.body.offsetWidth / 2) - (DivWidth / 2);  
                document.getElementById(oElement).style.top = (document.body.offsetHeight / 2) -  ( DivHeight / 2);  
       
                return false;       
            }
          //FIN SCRIPT DEL POPUP
             function deshabilitarBotones2(){
                document.getElementById("btnGrabar").disabled = true;
                document.getElementById("btnEnviar").disabled = true;
                document.getElementById("btnImprimir").disabled = true;
                document.getElementById("btnCerrar").disabled = true;
            }
           //POPUPS RECHAZAR
             function PopupRechazar(){
                 // var namSeleccionado = document.forms[0].namSeleccionado.value;
                      //FUNCION PARA QUE DESHABILITE LOS BOTONES UNA VEZ QUE SE HAYA ABIERTO UN POPUP
                      deshabilitarBotones2();
                      var url = '<%=request.getContextPath()%>/evaluacion.do?method=rechazarObjetivo';
                      url = url+'&ms='+(new Date()).getTime();
                      var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=350, height=250, top="+retornarHeight(250)+", left="+retornarWidth(350);
                      open_popup=1;
                      hijo_popupRechazar = window.open(url,"",opciones);
                      //window.open("pages/manager/popups/objetivoPopup.jsp?id="+valorseleccionado,"",opciones);

              }
             //FIN POPUPS RECHAZAR
           function nl2br(str) {
 		       return str.replace(/\n/g,"<br>");// return str.replace(/\n/g,"\\n")
 		    }
           function TextAreaVacio(Objeto){
         		 var text=document.getElementById(Objeto).value;
         		 //Si quieres que funcione con Windows, Unix y Mac rompe estilo de línea utilizar esto: text.replace(/\r?\n|\r/g, ""); 
         		 text=text.replace(/\r?\n|\r/g, ""); 
         		 if(allTrim(text)=="")return "v"; else return "f";
         	 }
          function rechazar(ruta){
         	 var msj ="";
              var contenido=document.getElementById("txtMotivoSolicitud").value;
              contenido=nl2br(contenido);
              contenido=validarIngreso1(contenido);
              url=ruta + '/evaluacion.do?method=Rechazar&contenido=' + contenido ;
              url = url+'&ms='+(new Date()).getTime();
 //alert(url);
              ajax0 = new Ajax.Request(url,{
                  asynchronous: false,
                  method: 'get',
                  onSuccess: function(transport, json) {
                	     if(json.executeError){
                	      	alert(json.executeError);
                	      }
                	      else {
 		               	      itemsHtml = "<table>";
 		              	      itemsHtml += "<tr>";
 		              	      itemsHtml += "<td colspan='4' style='text-align: left'>";
 		              	      if (json.MensajeRFC=="S" ){
 		              	    	  itemsHtml +="<font color='#1F497D' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + json.Mensaje + "</font>";	
 								} else {
 									 itemsHtml +="<font color='red' style='font-weight: bold;font-family: Arial;font-size: 13px'>" + "ERROR" + "</font>";
 								}	
 		              	      itemsHtml += "</td></tr>";
 		              	      itemsHtml += "</table>";
 		              	      document.getElementById('ver_mensaje').innerHTML = itemsHtml;
                	      
                	    		 //closePopup(); 
                	    		 open_popup=0;
                	    		 document.getElementById("btnImprimir").disabled = false;
                   				 document.getElementById("btnCerrar").disabled = false;
                	    		 document.getElementById('divgrabar').innerHTML = "";
                	    	  	 document.getElementById('divenviar').innerHTML = "";
                	    	  	 //if(json.MensajeCorreoJJ=="1" && MensajeCorreoEmpleado=="1")alert("Notificación enviada");
 						  }  
                  }
              });
          }
          function cerrar_popup(){
         	 open_popup=0;
          }
          function cerrar_padre(){
         	 if(open_popup==1){
         		 hijo_popupRechazar.close();
         	 }
          }
    </script>

</html>


